$(function() {
    $('.banner').scroll(function() {
        var top = $('.banner').scrollTop()
        console.log($('.item-list ul').position())
        if (top > 500) {
            $('.item-products .view').addClass('on')
            $('.info .left .message').addClass('on')
        } else if (top > 100) {
            $('header').addClass('on')
        } else {
            if ($('header .search-ico').is('.on')) {
                $('header').addClass('on')
            } else {
                $('header').removeClass('on')
            }
        }
        if (top > 900) {
            $('.item-products .view .btn').addClass('on')
            $('.info .right .message').addClass('on')
            $('.about .view').addClass('on')
            setTimeout(function(){$('.about ul').addClass('on')},800);
            $('.item-list1').addClass('on')
            setTimeout(function(){$('.item-list2').addClass('on')},400);
            setTimeout(function(){$('.item-list3').addClass('on')},800);
        }
        if (top > 1500) {
            $('.item-list ul').addClass('on')
        }
        if (top > 1800) {
            $('.consult ul').addClass('on')
        }
    });
})